<?php
echo $this->loadJs();
echo $this->loadCss();
echo $this->headScript()
        ->appendFile($this->baseUrl() . "/js/sglide.js")
        ->appendFile($this->baseUrl() . "/js/admin/capacity/capacity.js");
echo $this->headLink()
        ->setIndent('  ')
        ->prependStylesheet($this->baseUrl() . "/css/dt-bootstrap/DT_bootstrap.css");
$this->subtitulo = "Capacity";
?>
<div class="container-fluid">
    <input id="hdncodigo" type="hidden" name="opcion" value="<?php echo $this->codigoCapacity; ?>">
    <div class="row">
        <div class="offset2 span5">
            <h3>Configuracion de la Capacidad</h3>
        </div>
    </div>
    <br />    
    <div class="row">
        <div class="span2">
            <h5>Dia de la Semana:</h5>
        </div>
        <div class="span10">
            <div id="tab" class="btn-group" data-toggle="buttons-radio">
                <a href="#" id="btnlunes" class="btn" data-toggle="tab">Lunes</a>
                <a href="#" id="btnmartes" class="btn" data-toggle="tab">Martes</a>
                <a href="#" id="btnmiercoles" class="btn" data-toggle="tab">Miercoles</a>
                <a href="#" id="btnjueves" class="btn"  data-toggle="tab">Jueves</a>
                <a href="#" id="btnviernes" class="btn"  data-toggle="tab">Viernes</a>
                <a href="#" id="btnsabado" class="btn"  data-toggle="tab">Sabado</a>
                <a href="#" id="btndomingo" class="btn"  data-toggle="tab">Domingo</a>
            </div>
        </div>
    </div>
    <br />
    <div class="row">
        <div class="span2">
            <h5>Hora Inicio: </h5>
        </div>
        <div class="span2">
            <select id="sel-hini-hs" style="width:55px;">
                <option value="0">00</option>
                <option value="1">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option>
                <option value="5">05</option>
                <option value="6">06</option>
                <option value="7">07</option>
                <option value="8">08</option>
                <option value="9">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>                
            </select>
            <strong>:</strong>   
            <select id="sel-hini-min" style="width:55px;">
                <option value="00">00</option>
                <option value="05">05</option>
                <option value="10">10</option>
                <option value="10">15</option>
                <option value="20">20</option>
                <option value="25">25</option>
                <option value="30">30</option>
                <option value="35">35</option>
                <option value="40">40</option>
                <option value="45">45</option>
                <option value="50">50</option>
                <option value="55">55</option>                
            </select>
        </div>                    
        <div class="span2">
            <h5>Hora Fin: </h5>
        </div>
        <div class="span2">
            <select id="sel-hfin-hs" style="width:55px;">
                <option value="0">00</option>
                <option value="1">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option>
                <option value="5">05</option>
                <option value="6">06</option>
                <option value="7">07</option>
                <option value="8">08</option>
                <option value="9">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>                
            </select>
            <strong>:</strong>   
            <select id="sel-hfin-min" style="width:55px;">
                <option value="00">00</option>
                <option value="05">05</option>
                <option value="10">10</option>
                <option value="10">15</option>
                <option value="20">20</option>
                <option value="25">25</option>
                <option value="30">30</option>
                <option value="35">35</option>
                <option value="40">40</option>
                <option value="45">45</option>
                <option value="50">50</option>
                <option value="55">55</option>                
            </select>
        </div>
    </div>
    <br />
    <div class="row">        
        <div class="span3">
            <h5>Porcentaje de CPU Reservado:</h5>
        </div>
        <div class="span4">
            <div id="sld_ram"> </div>
        </div>
        <div class="span4">
            <label id="pct_cpu"></label>
        </div>
    </div>
    <br />
    <div class="row">
        <div class="span3">
            <h5>Porcentaje de MEM Reservado:</h5>
        </div>
        <div class="span4">
            <div id="sld_cpu">        
            </div>
        </div>
        <div class="span4">
            <label id="pct_mem"></label>
        </div>
    </div>
    <br />
    <div class="row">
        <div class="span2">
            <button id="btnguardar" class="btn-large btn-primary">Guardar</button>
        </div>
        <div class="span2">
            <button id="btncancelar" class="btn-large btn-primary" onclick="cancelar();">Cancelar</button>
        </div>
    </div>
</div>